.br-tag {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #d5d5d5;
  user-select: none;
  cursor: pointer;

  a {
    text-decoration: none;
    color: $text-color;
  }

  .icon-close-thin {
    font-size: 9px;
    margin-left: 3px;
    margin-bottom: 2px;
  }

  &:hover {
    color: $primary-color;
    border-color: $primary-color;

    .icon-close-thin:before {
      color: $primary-color;
      display: inline-block;
      content: "\e608";
    }

    a {
      color: $primary-color;
    }
  }
}
